<!DOCTYPE html>
<html>
<head>
<title>Single</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />	
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Awareness Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--fonts-->
<link href='https://fonts.googleapis.com/css?family=Arimo:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Raleway:400,700,800,600,500' rel='stylesheet' type='text/css'>
</head>
<body> 
<!--header-->	
<div class="header" >
	<div class="col-md-3 header-top cbp-spmenu-push">
		<nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s1">
			<a  href="index.html">主页</a>
			<a  href="about.html">关于</a>
			<a  href="services.html">服务</a>
			<a  href="single.html" >留言板</a>
			<a  href="contact.html">联系我们</a>
		</nav>
		<!-- /script-nav -->
			<div class="main">
				<section class="buttonset">
					<button id="showLeftPush"><i  class="glyphicon glyphicon-menu-hamburger"></i></button>
				</section>
			</div>
			<!-- Classie - class helper functions by @desandro https://github.com/desandro/classie -->
				<script src="js/classie.js"></script>
					<script>
						var	menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
						showLeftPush = document.getElementById( 'showLeftPush' ),
						body = document.body;
							
						showLeftPush.onclick = function() {
							classie.toggle( this, 'active' );
							classie.toggle( body, 'cbp-spmenu-push-toright' );
							classie.toggle( menuLeft, 'cbp-spmenu-open' );
							disableOther( 'showLeftPush' );
						};
					</script>
	</div>
	<div class="col-md-6 logo">
		<h1><a href="index.html"><span>·</span>BOOOK</a></h1>
	</div>
	<div class="col-md-3 search">
		<a class="play-icon popup-with-zoom-anim" href="#small-dialog"><i class="glyphicon glyphicon-search"> </i></a>
	</div>
	<div class="clearfix"> </div>
</div>
	<!---pop-up-box---->					  
	<link href="css/popuo-box.css" rel="stylesheet" type="text/css" media="all"/>
	<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
	<!---//pop-up-box---->
	<div id="small-dialog" class="mfp-hide">
		<div class="search-top">
			<div class="login">
				<input type="submit" value="">
				<input type="text" value="搜索.." onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Search..';}">		
			</div>
			<p>Books</p>
		</div>				
	</div>
		 <script>
			$(document).ready(function() {
			$('.popup-with-zoom-anim').magnificPopup({
			type: 'inline',
			fixedContentPos: false,
			fixedBgPos: true,
			overflowY: 'auto',
			closeBtnInside: true,
			preloader: false,
			midClick: true,
			removalDelay: 300,
			mainClass: 'my-mfp-zoom-in'
			});
																						
			});
		</script>		
<!--//header-->
<!--banner-->
<div class="head">
	<div class="container">
		<h2 > <a href="index.html">主页</a> / <span>留言板 </span></h2>
	</div>
</div>
	<div class="container">
				<div class="single">
						<a href="#"><img class="img-responsive" src="images/ss.jpg" alt=" "></a>
					<div class=" single-grid">
						<h4>我 和 书 店 的 故 事</h4>				
							<ul class="blog-ic">
								<li><a href="#"><span> <i  class="glyphicon glyphicon-user"> </i>小小怪朋友</span> </a> </li>
		  						 <li><span><i class="glyphicon glyphicon-time"> </i>冬 12, 2020</span></li>		  						 	
		  						 <li><span><i class="glyphicon glyphicon-eye-open"> </i>点击量:145</span></li>
		  					</ul>		  						
						<p>第一次去阿难书店，缘起于我在同去公众号上面了解到在当天会有66号放映室的团队在阿难书店放映独立电影--路边野餐。其实本来那次活动的报名已经满了，我还是怀着极大的好奇，挂着极厚的脸皮过来的。

我还是想极力分享一下我第一次去阿难书店的细节，当我高德导航骑自行车到阿难书店附近时，开始（由于找不到门）我在阿难书店的落地窗外面徘徊许久，并与里面的一堆（容许我用一堆来表示当时运营团队的站在一起的融洽与和谐）小伙伴相视半秒，一直到我进入阿难书店，我发现自己是被运营团队的目光迎接着进来的。我至今还记得第一次与阿难小伙伴的接触与聊天。

“你是怎么过来的？”这句话令当时的我有点莫名其妙。

“骑自行车过来的啊.....”

“你是怎么知道我们这里的？”我在同去公众号上面知道的。

一般的书店在你进去之后都会欢迎光临，而这家书店会对你的到来有一点奇怪。我在后来的交流中才发现书店刚刚开始营业，所以工作人员对于每一位到来的顾客都惊奇于他们知道这里的渠道，就像妈妈第一次看到刚刚出生的婴儿充满惊喜一样。</p>
						<p>

《路边野餐》电影放映是在壹堂进行的，一部诗电影，十多位深夜从四面八方聚来的伙伴（只有包括我在内的三位在之前没有看过这部电影），具体内容我不敢再往下去分享了（没有艺术细胞+没有提前“预习”电影的我在后来的交流环节中全程懵逼）。

令我印象非常深刻的一件事发生在观影之后，我们当时从壹堂出来之后，我在前台与一位青年（他当时和另一位小伙伴在阿难值夜班）搭上了话，他热情地与我分享了N种方法来解读这个电影。后来他说，他也是在看了三遍之后才把这部电影看懂的。在阿难书店，我第一次体验了与陌生人的高密度交流的畅快。

大一下学期，我和一位同学参加阿难书店的入验师分享会，那个小型分享会有15人参加，在壹间的二楼。活动分成三个环节，在自我介绍破冰之后，一位来自长沙民政职业学院的同学给我们分享了她们的专业经历。

在第二个环节，我们就死亡这个话题进行了自由的经历分享。由于咱们讨论的话题是死亡，所以每一个人在这方面的经历都是相对来说比较私密的，大部分人主动分享自己的亲身经历，我内心充满欢喜也充满感动也充满沉重（很遗憾，当时有公众说话恐惧症的我没有分享我自己的经历）。

第三个环节算是比较有趣的啦，每个人可以选择写一封遗书，并交给阿难书店保管（就类似于现在的时间胶囊活动）。

入验师的分享会算是我第二次在书店参与阿难主办的深度交流的活动，我惊讶于陌生人之间的距离在两个小时之内可以（因探讨“死亡”这个话题而）这么亲近。现在想来，不免感慨：

平日里要好的朋友坐在一起，

有时被巴掌大的电子屏吸引，

处相顾无言，似陌路之人；

素昧谋面的陌生人坐在一起，

因一个冰冷而又温情的话题，

而互诉心语，如十年故友。

</p>
					</div>
					<div class="comments">
						<h3>精选留言</h3>
						<div class="media">
					      	<div class="media-body">
						        <h4 class="media-heading">	李一白</h4>
						        <p>
　　							《绿皮书》这部电影讲述了一个关于黑人与白人友谊的故事，即使在今天这个时代，种族歧视仍然是有的，只是不如以前深，这对黑人们来说太不公平了，不知道大家有没有看过这部电影。
						        影片结束了，2个小时的时间，诉说了一段历史往事，一段真情，一段美国历史上与种族歧视斗争的革命史，虽然只是冰山一角。</p>
					      	</div>
					      <div class="media-right">
					        <a href="#">
								<img src="images/si.png" alt=""> </a>
					      </div>
					 </div>
					  <div class="media">
					      <div class="media-left">
					        <a href="#">
					        	<img src="images/si.png" alt="">
					        </a>
					      </div>
					      <div class="media-body">
					        <h4 class="media-heading">司徒景行</h4>
					        <p>
　　“不管怎样，我老是在想象，有那么一群小孩子在一大块麦田里做游戏……我的职务就是在那里守望……我只想当一个麦田里的守望者……”——霍尔顿
					        很喜欢《麦田里的守望者》，推荐推荐！</p>
					      </div>
					     
					    </div>
    				</div>
    				<div class="comment-bottom">
    					<h3>写下你的留言吧！</h3>
    					<form>	
						<input type="text" placeholder="姓名" required="">
						<input type="text" placeholder="邮箱地址" required="">
						<input type="text" placeholder="分类" required="">

						<textarea  placeholder="留言..." required=""></textarea>
						<label class="hvr-rectangle-out">
							<input type="submit" value="发送">
							</label>
						
					</form>
    				</div>
				</div>	
			</div>		
		
<!--footer-->
<div class="footer">
	<div class="footer-mid">
			<div class="container">
				<div class="col-sm-3 ft-grid1">
					<h3>Location</h3>
					<p>CHINA XTU</p>
					<P>Contact@example.com</P>
					<p>+12 312 341 234</p>
				</div>
				<div class="col-sm-3 ft-grid2">
				<h3>Follow Us</h3>
					<ul class="social-in">
						<li><a href="#"><i> </i></a></li>						
						<li><a href="#"><i class="twitter"> </i></a></li>
						<li><a href="#"><i class="dribbble"> </i></a></li>						
					</ul>
				</div>
				<div class="col-sm-6 ft-grid1">
					<h3>Newsletter</h3>
					<form>
						<input type="text" value="" onfocus="this.value='';" onblur="if (this.value == '') {this.value ='';}">
						<input type="submit" value="提交">
					</form>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
		<div class="class-footer">
			<div class="container">
				<div class="col-md-6 footer-nav">
					<ul>
						<li ><a  href="index.html" >主页</a></li>
						<li><a  href="about.html"  >关于我们</a></li>
						<li><a href="services.html">服务</a></li>
						<li><a  href="single.html" >留言板</a></li>
						<li><a href="contact.html" >联系我们</a></li>
						
					</ul>
				</div>
				<div class="col-md-6 footer-grid">
					<p >Copyright &copy; BOOOK书店</p>	
				</div>
					<div class="clearfix"> </div>
		</div>
	</div>
</div>
<!--//footer-->
</body>
</html>